import React from 'react'
import { Routes,Route,Navigate} from 'react-router-dom'

import Login from './components/Login'
import Main from './components/Main'
import NotFound from './components/404'



export default function App() {
  
  /*
    Navigate组件：当不管什么情况下接收了这个Navigate组件，则路由会按照这个组件的to的地址重新执行路由，跳转

    路径是*代表所有路径，先匹配非*的所有的路径，如果匹配不到，则再执行*代表的路由组件
  */ 
  return (
    <div className="outer">
     <Routes>
       <Route path="/login" element={<Login />}/>
       <Route path="/main" element={<Main/>}/>
       <Route path='/' element={<Navigate to="/login"/>}/>
       <Route path='*' element={<NotFound/>}/>
     </Routes>
    </div>
  )
}
